<html>
	<head>
		<link rel="stylesheet" type="text/css" href="fonts/HelveticaNeueBold/HelveticaNeueBold.css" />
		<link rel="stylesheet" type="text/css" href="fonts/HelveticaNeueLight/HelveticaNeueLight.css" />
		<link rel="stylesheet" type="text/css" href="controls.css" />
		<style>
		body{
			margin:0;
			padding:0;
			background:#dcdfe5;
		}
		#top{
			background-image:url('img-ele/top.png');
			background-size:100% 50px;
			background-repeat:no-repeat;
			height:43px;
			text-align: center;
			font-family:"HelveticaNeueBold";
			font-size:2em;
			color:white;
			vertical-align:middle;
			padding-top:5px;
		}
		#pnl-wrapper{
			width:372px;
			margin:0 auto;
			height:280px;
		}
		#pnl-wrapper #pnl-top{
			width:372px;
			height:76px;
			background-image:url('img-ele/pnl_05.png');
			background-repeat:no-repeat;
		}
		#pnl-wrapper #pnl-side-left{
			width:36px;
			height:100%;
			background-image:url('img-ele/pnl_07.png');
			background-repeat:repeat-y;
			float:left;
		}
		#pnl-wrapper #pnl-side-right{
			width:29px;
			height:100%;
			background-image:url('img-ele/pnl_09.png');
			background-repeat:repeat-y;
			float:right;
			margin-right:1px;
		}
		#pnl-wrapper #pnl-side-content{
			float:left;
			width:auto;
			background:#dcdfe5;
			width:305px;
		}
		#pnl-wrapper #pnl-bottom{
			width:372px;
			height:90px;
			background-image:url('img-ele/pnl_12.png');
			background-repeat:no-repeat;
			clear:both;
		}
		#user{
			margin:0 auto;
			width:280px;
		}
		
		.btnType1 input{
			font-family:"HelveticaNeueLight";
			font-size:1.3em;
			color:#4c566c;
			width:200px;
			border:0px;
		}
		#login,#forgot,#ok{
			text-align:center;
			padding-left:0px;
			margin:-2px 8px;
		}
		a{
			text-decoration:none;
		}
		#welcome{
			font-family:"HelveticaNeueBold";
			font-size:1.3em;
			color:#4c566c;
		}
		#sl-table{
			font-family:"HelveticaNeueBold";
			font-size:1.2em;
			color:#4c566c;
		}
		#sl-table select{
			width:80px;
			font-family:"HelveticaNeueLight";
			font-size:1.5em;
			color:#4c566c;
		}
		</style>
		
	</head>
	<body>
		<script src="jquery-1.4.2.min.js"></script>
		<script src="jquery-ui-1.8.13.custom.min.js"></script>
		<script src="jquery.dimensions.pack.js"></script>
		<script src="jquery.combobox.packed.js"></script>
		<script src="ulti.js"></script>
		<script src="jquery.multiple-bgs.min.js"></script>
		<script src="btn-back.js"></script>
		<script>var id=location.toString().match(/id=([^&#]*)/)[1]</script>
		<div id="btn-back" class="btn-back" onclick="window.location='waiter.htm?id='+id;"></div>
		<div id="top">
			Welcome	
		</div>
		<div id="pnl-wrapper">
			<div id="pnl-top">
				
			</div>
			<div id="pnl-side-left">
				
			</div>
			<div id="pnl-side-content">
				<div id="welcome">
					Welcome : <script>document.write(location.toString().match(/id=([^&]*)/)[1])</script>
				</div>
				<div id="sl-table">
					Select table : <select id="sltb"></select>
				</div>
				<a href="#" >
					<div class="btnType2" id="ok" onclick="slok()">
						OK
					</div>
				</a>
			</div>
			
				<div id="pnl-side-right">
					
				</div>
			
				<div id="pnl-bottom">
					
				</div>
			
			<script>
				function loadTable(){
					//var path="ex/tablelist.aspx";
					var path=waiter_service+"TableList.aspx?logedin=yes";
					$.ajax({
						url:path,
						success:function(data){
							eval("rs="+data);
							var tbls=rs.Rows;
							for(var i=0;i<tbls.length;i++){
								$("#sltb").append("<option value="+tbls[i].ID+">"+tbls[i].TableName+"</option>")
							}
						}
					})
				}
				loadTable();
				function slok(){
					var json_path=waiter_service+"TableStatus.aspx?logedin=yes&SetTableOccupied="+$("#sltb").attr("value");
					$.ajax({
						url:json_path,
						success:function(data){
							eval("dt="+data);
							if(dt.Success){
								var path="ordersmenu.htm?table=$table&id=$id";
								path=path.replace("$table",$("#sltb").attr("value"));
								path=path.replace("$id",id);
								window.location=path;
							}
							else alert("Error");
						}
					})
					
				}
			</script>
		</div>
	</body>
</html>